﻿@charset "utf-8";
/* CSS Document */
/*基本样式*/
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,body{
	padding:0;
	margin:0;
}
ul,li{
	 list-style:none;
}

.row {
        margin-bottom: 20px;
}

img{
	border:0 none;
}
a{ 
	text-decoration:none;
	color:#999;
	transition: all 0.2s;
	-moz-transition: all 0.2s; 
	-webkit-transition: all 0.2s; 
	-o-transition: all 0.2s;
}
a:hover{
	color:#23b626;
	text-decoration: none;
}
body{
	font-size:12px;
	font-family:"微软雅黑";
	color:#999;
	line-height:26px;
} 
.fl{
	float:left;
	display:inline;
}
.fr{
	float:right;
	display:inline;
}
.clear{
	clear:both;
}
#wrap{
 	text-align:left;
	width:100%;
}
.bg_none{
	background:none !important;	
}
.bd_none{
	border:none !important;	
}
html,body{

      -webkit-text-size-adjust:none;

}
.tr{ text-align:right;}
.tc{ text-align:center;}
.tl{ text-align:left;}
.tj{ text-align:justify;}
.m0{margin:0px !important;}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}




/*banner*/
.carousel{
	-webkit-animation:gfadeIn 1s 0.4s both; 
	   -moz-animation:gfadeIn 1s 0.4s both; 
	    -ms-animation:gfadeIn 1s 0.4s both;
	     -o-animation:gfadeIn 1s 0.4s both;
	        animation:gfadeIn 1s 0.4s both;
}
.carousel-control span{
	font-size: 40px !important;
}

/*首页主题内容*/
.content{
	margin-top: 67px;
}
.index_menu{
	position: relative;
	top:-50px;
	opacity: 0;
}
.list_a{
	display: block;
	width: 100%;
	height: 135px;
	position: relative;
	line-height: 135px;
	margin-bottom: 20px;
}
.list_a:hover{
	box-shadow: 0px 2px 10px rgba(0,0,0,0.3);
}
.list_a span{
	position: absolute;
	right: 45px;
	top: 0px;
	font-size: 22px;
	font-weight: bold;
	color:#fff;
}
.list_a1{
	background: url(../images/list_icon1.png) no-repeat 58px center #F7D029;
}
.list_a2{
	background: url(../images/list_icon2.png) no-repeat 60px center #23B626;
}
.list_a3{
	background: url(../images/list_icon3.png) no-repeat 49px center #1C96EB;
}
.list_a1:hover{
	background-color: #ecbf00;
}
.list_a2:hover{
	background-color: #0ba90e;
}
.list_a3:hover{
	background-color: #0085e2;
}
.news_wrap{
	position: relative;
	top: -50px;
	opacity: 0;
	padding-bottom:50px;
}
.content_title{
	text-align: center;
	margin-bottom: 35px;
	padding-top: 90px;
}
.content_title h3{
	line-height: 42px;
	font-size: 26px;
	color:#333;
}
.content_title h4{
	line-height: 28px;
	font-size: 16px;
	color:#999999;
}
.index_news{
	display: block;
	padding-bottom: 33px;
	background: url(../images/ddd.png) no-repeat left bottom;
	margin-bottom: 30px;
}
.index_news img{
	display: block;
	width:100%;
}
.index_news p{
	margin-top: 10px;
	line-break: 30px;
	font-size: 14px;
	color:#23b626;
}
.index_news h4{
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	color:#333;
	font-size: 14px;
}
.index_news:hover h4{
	color:#23b626;
}

/*拥有和BAT比肩的用户基础*/
.bat_wrap{
	position: relative;
	top: -50px;
	opacity: 0;
}
.bat_box{
	width: 200px;
	text-align: center;
	margin-top: 15px;
	margin-bottom:30px;
}
.bat_box  h3{
	height: 60px;
	line-height: 60px;
	margin-top: 23px;
	position: relative;
	overflow: hidden;
	font-size: 50px;
	font-weight: bold;
	color:#999;
}
.bat_box  h3 em{
	font-style: normal;
}
.bat_box h3 span{
	position: relative;
	top: -10px;
}
.bat_box p{
	font-size: 14px;
}
.bat_box .bat_icon{
	position: relative;
	top: 0px;
	transition: top 0.2s ease-in-out 0s;
	z-index: 5;
}
.bat1{
	float: left;
}
.bat3{
	float: right;
}
.bat2{
	margin:15px auto 30px;
}
.bat_box:hover .bat_icon{
	top: -10px;
}
.bat_img{
	position: relative;
	height:110px;
}
.shadow{
	position: absolute;
	left:50%;
	margin-left:-67.5px;
	bottom:-10px;
	opacity: 0;
}
.bat_box .shadow{
	transition: opacity 0.5s ease-in-out 0s;
}
.bat_box:hover .shadow{
	opacity: 1;
}
.ad_box{
	width:100%;
	overflow: hidden;
	
}
.ad_box img{
	width: 100%;
}

/*服务过的品牌*/
.brand_wrap{
	position: relative;
	top: -50px;
	opacity: 0;
	background: #F7F8FA;
	padding-bottom: 20px;
}
.partner_a{
	display: block;
	margin-bottom: 20px;
	transition: all 0.5s;
}
.partner_a:hover{
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}
.partner_a img{
	width: 100%;
}
.brand_show div{
	padding:0px 10px !important;
}
.button_a{
	display: block;
	margin: 40px auto;
	height: 49px;
	width: 185px;
	border-radius: 5px;
	line-height: 49px;
	text-align: center;
	background-color:#F7D029;
	font-size: 22px;
	color:#fff;
}
.button_a:hover{
	background-color:#edc20a;
	color:#fff;
}
/*底部内容*/
.bottom_nr{
	padding: 80px 0px 75px;
}
.nav_box h3{
	height: 40px;
	line-height: 40px;
	margin-bottom: 20px;
}
.nav_box h3 a{
	font-size: 16px;
	color: #333;
}
.footer_nav{
	overflow: hidden;
}
.footer_nav li{
	width: 100px;
	float: left;
}
.nav_box{
	margin-bottom: 30px;
}
.footer_ewm{
	width: 122px;
}
.footer_ewm p{
	height: 40px;
	line-height: 40px;
	text-indent: 47px;
	color: #333;
	overflow: hidden;
	background: url(../images/weixin_icon.png) no-repeat 15px center;
}
/*底部版权*/
#footer{
	border-top:1px solid #E8E8E8;
	padding:25px 0px;
	text-align: center;
	line-height: 22px;
}

/*关于搜派*/
.sub_nav{
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #EBEBEB;
	position: absolute;
	left: 0px;
	top:82px;
	z-index: 20;
	transition: all .5s ease;
	-webkit-transition:all .5s ease; 
	-moz-transition:all .5s ease;
	opacity: 0.9;
	filter:alpha(opacity=90);
}

.weizhi{
	position: absolute;
	right: 0px;
	top:26px;
}
.list_box{
	height: 100px;
	margin:0 auto;
	overflow: hidden;
	text-align: center;
	background: url(../images/nav_line.png) repeat-x center 30px;
	width: 606px;
}
.contact_list{
	width: 434px;
}
.zhaopin_list{
	width: 262px;
}
.nav_a{
	display:block;
	float: left;
	height:100px;
	width:60px;
	padding:0px 15px;
	background-color: #fff;
	margin:0px 41px;
	box-sizing: content-box;
	transition: all 1s;
}
.nav_a:first-child{
	margin-left: 0px;
}
.nav_a:last-child{
	margin-right: 0px;
}
.nav_a span{
	display: block;
	height:60px;
	width:60px;
}
.nav_a p{
	height: 40px;
	line-height: 40px;
}
.list_span1{
	background: url(../images/subnav_icon1.png) no-repeat center top;
}
.nav_a:hover .list_span1{
	background: url(../images/subnav_icon1.png) no-repeat center bottom;
}
.list_span2{
	background: url(../images/subnav_icon2.png) no-repeat center top;
}
.nav_a:hover .list_span2{
	background: url(../images/subnav_icon2.png) no-repeat center bottom;
}
.list_span3{
	background: url(../images/subnav_icon3.png) no-repeat center top;
}
.nav_a:hover .list_span3{
	background: url(../images/subnav_icon3.png) no-repeat center bottom;
}
.list_span4{
	background: url(../images/subnav_icon4.png) no-repeat center top;
}
.nav_a:hover .list_span4{
	background: url(../images/subnav_icon4.png) no-repeat center bottom;
}
.list_span5{
	background: url(../images/subnav_icon5.png) no-repeat center top;
}
.nav_a:hover .list_span5{
	background: url(../images/subnav_icon5.png) no-repeat center bottom;
}
.list_span6{
	background: url(../images/subnav_icon6.png) no-repeat center top;
}
.nav_a:hover .list_span6{
	background: url(../images/subnav_icon6.png) no-repeat center bottom;
}
.list_span7{
	background: url(../images/subnav_icon7.png) no-repeat center top;
}
.nav_a:hover .list_span7{
	background: url(../images/subnav_icon7.png) no-repeat center bottom;
}
.list_span8{
	background: url(../images/subnav_icon8.png) no-repeat center top;
}
.nav_a:hover .list_span8{
	background: url(../images/subnav_icon8.png) no-repeat center bottom;
}
.list_span9{
	background: url(../images/subnav_icon9.png) no-repeat center top;
}
.nav_a:hover .list_span9{
	background: url(../images/subnav_icon9.png) no-repeat center bottom;
}
.inside_banner{
	-webkit-animation:gfadeIn 1s 0.4s both; 
	   -moz-animation:gfadeIn 1s 0.4s both; 
	    -ms-animation:gfadeIn 1s 0.4s both;
	     -o-animation:gfadeIn 1s 0.4s both;
	        animation:gfadeIn 1s 0.4s both;
	overflow: hidden;  
	position: relative;      
}
.inside_banner img{
	width: 100%;
}
.pt241{
	padding-top:0px;
}
.collapse.in{
	position: relative;
	z-index: 100;
}
/*关于搜派*/
.about_wrap{
	
}
.about_box{
	padding-bottom: 90px;
	padding-top: 90px;
}
.about_box h2{
	line-height: 40px;
	text-align: center;
	font-size: 26px;
	color:#333;
	margin-bottom: 15px;
}
.about_nr{
	max-width: 795px;
	text-align: center;
	font-size: 14px;
	color:#999;
	margin:0 auto;
	text-indent: 24px;
	padding:0px 10px;
}
.culture h2{
	margin-bottom: 45px;
}
.culture_list{
	width:125px;
	text-align: center;
	margin:0px auto 20px;
}
.culture_list h3{
	height: 55px;
	line-height: 55px;
	background: url(../images/culture_line.png) no-repeat center bottom;
	font-size: 22px;
	color:#333;
}
.culture_list p{
	font-size: 14px;
	margin-top: 20px;
}
#about1,#about2,#about3,#about4,#about5,#about6,#about7,#about8,#about9{
	position: relative;
	top:-120px;
}
.about_box h4{
	font-size: 16px;
	color:#999;
	text-align: center;
}
.office_content{
	width: 260px;
	overflow: hidden;
}
.office_content h3{
	height: 110px;
	line-height: 110px;
	font-size: 26px;
	color:#333;
}
.office_content h3 span{
	font-size: 16px;
	color:#999;
	margin-left:16px;
}
.office_a{
	marign:0px;
	float: left;
	background:#23B626;
}
.office_a:hover{
	background:#0eaa11;
}
/*公司相册*/
.photo{
	margin-top: 25px;
	position: relative;
	width: 100%;
	padding:0px 10px;
}
.photo .bd{
	width: 100%;
	overflow: hidden;
}
.photo .bd .ulWrap ul{
	overflow: hidden;
	float: left;
}
.photo .bd .ulWrap ul li{
	width: 33%;
	padding:0.5px;
	float: left;
}
.photo .bd .ulWrap ul li img{
	width: 100%;
}
.photo .hd a{
	display: block;
	height:41px;
	width:31px;
	position: absolute;
	top:50%;
	margin-top:-20px;
}
.photo .hd a.prev{
	left:-58px;
	background: url(../images/photo_left.png) no-repeat;
}
.photo .hd a.next{
	right:-58px;
	background: url(../images/photo_right.png) no-repeat;
}
/*办公环境*/
.office{
	widows: 100%;
	background: url(../images/office_bg.png) no-repeat center bottom #F7F8FA;
	height: 328px;
	padding-top: 60px;
	box-sizing: content-box;
}

/*企业邮箱*/
.email_wrap{
	padding-top:50px;
}
.col_box{
	text-align: center;
	margin-bottom: 20px;
}
.col_box img{
	display: block;
	margin:0 auto;
}
.col_box h4{
	padding-top: 20px;
	line-height: 32px;
	font-size: 22px;
	color:#333;
}
.col_box p{
	line-height: 25px;
	font-size: 14px;
}
.partner_box{
	height: 56px;
	width: 100%;
	padding-left: 130px;
	position: relative;
	margin-top: 110px;
	margin-bottom: 80px;
}
.partner_box span{
	position: absolute;
	left:0px;
	top:0px;
	line-height: 56px;
	font-size: 22px;
	color:#333;
}
.partner_box .bd{
	position: relative;
	margin:0px 50px;
	overflow: hidden;
}
.partner_box .bd ul li{
	float: left;
}
.partner_box .hd a{
	display: block;
	height:41px;
	width:31px;
	position: absolute;
	top:8px;
}
.partner_box .hd a.prev{
	left:134px;
	background: url(../images/photo_left.png) no-repeat;
}
.partner_box .hd a.next{
	right:0px;
	background: url(../images/photo_right.png) no-repeat;
}
/*综合业务案例*/
.business_title{
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 26px;
	color:#333;
	margin-top: 80px;
}
.business_ul{
	max-width: 990px;
	width: 100%;
	margin:0px auto;
	overflow: hidden;
}
.business_ul li{
	float: left;
	height:40px;
	line-height: 40px;
	margin:0px 25px 20px;
	font-size: 22px;
	color:#999;
	cursor: pointer;
}
.business_ul li.on{
	color:#333;
	border-bottom: 2px solid #333;
}
.web_wrap .web_box{
	display: none;
}

.web_ms{
	max-width: 400px;
	margin:30px auto 40px;
}
.web_img img{
	width: 100%;
}
.wx_wrap{
	padding-top:20px;
	padding-bottom: 60px;
}

/*咨询留言*/
.input-group-addon{
	background:none;
	color:#999;
	border:none;
}
.form-control{
	border-radius: 0px;
}
.input-group{
	margin-bottom: 28px;
}
.form-group textarea{
	resize:none; 
	overflow:auto;
}
.form_button{
	border: none;
	background-color:#F8ADAE;
	margin-bottom: 20px;
	margin-top: 0px;
}
.form_button:hover{
	background-color:#ef9697;
}
.submit_botton{
	float: right;
}
.reset_botton{
	float: left;
}

/*客户案例*/
.extension_button{
	position: absolute;
	left:50%;
	top:50%;
	margin-left: -215px;
	margin-top: -24px;
	background-color: #F7D029 !important;
}
.case_button{
	position: absolute;
	left:50%;
	top:50%;
	margin-right: -215px;
	margin-top: -24px;
	background-color: #1FB52C !important;
}
.menu_wrap{
	width: 100%;
	border-bottom: 1px solid #E4E5E6;
	-webkit-animation:gdownIn 1s 0.2s both; 
	   -moz-animation:gdownIn 1s 0.2s both;
	    -ms-animation:gdownIn 1s 0.2s both;
	     -o-animation:gdownIn 1s 0.2s both; 
	        animation:gdownIn 1s 0.2s both;
}
.case_wrap{
	-webkit-animation:gdownIn 1s 0.2s both; 
	   -moz-animation:gdownIn 1s 0.2s both;
	    -ms-animation:gdownIn 1s 0.2s both;
	     -o-animation:gdownIn 1s 0.2s both; 
	        animation:gdownIn 1s 0.2s both;
}
.show_wrap{
	-webkit-animation:gdownIn 1s 0.2s both; 
	   -moz-animation:gdownIn 1s 0.2s both;
	    -ms-animation:gdownIn 1s 0.2s both;
	     -o-animation:gdownIn 1s 0.2s both; 
	        animation:gdownIn 1s 0.2s both;
}
.menu{
	text-align: center;
}
.menu li{
	display: inline-block;
	padding:0px 10px;
}
.menu li a{
	display: block;
	height: 65px;
	line-height: 65px;
	padding: 0px 7px 3px;
	position: relative;
	bottom: -1px;
	font-size: 14px;
}
.menu li a:hover{
	padding: 0px 7px;
	border-bottom: 3px solid #23B626;
}
.menu li.on a{
	padding: 0px 7px;
	border-bottom: 3px solid #23B626;
	color: #23B626;
}
.case_a{
	display: block;
	margin-bottom: 30px;
}
.case_img{
	position: relative;
	overflow: hidden;
}
.case_img>img{
	width: 100%;
	-webkit-transition:All 0.2s ease-in-out;    
	   -moz-transition:All 0.2s ease-in-out; 
	    -ms-transition:All 0.2s ease-in-out;   
	     -o-transition:All 0.2s ease-in-out;
	        transition:All 0.2s ease-in-out;	
}
.case_a:hover .case_img>img{ 
	-webkit-transform:scale(1.2);    
	   -moz-transform:scale(1.2);     
	    -ms-transform:scale(1.2);
	     -o-transform:scale(1.2);  
	        transform:scale(1.2); 	
}
.case_img span{
	display: block;
	position: absolute;
	left:0px;
	bottom: -40px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	background: url(../images/black_bg.png);
	color: #fff;
	width: 100%;
	font-size: 14px;
}
.case_img span i{
	margin-right: 5px;
}
.case_a h3{
	line-height: 26px;
	margin-top: 15px;
	font-size: 14px;
	color:#333;
}
.case_a:hover h3{
	color: #23B626;
}
.case_a p{
	line-height: 22px;
	color:#999;
}

/*新闻中心*/
.weizhi_wrap{
	line-height: 75px;
	padding-bottom: 25px;
	border-bottom: 1px solid #E4E5E6;
	text-align: right;
	-webkit-animation:gupIn 1s 0.1s both; 
	   -moz-animation:gupIn 1s 0.1s both;
	    -ms-animation:gupIn 1s 0.1s both;
	     -o-animation:gupIn 1s 0.1s both; 
	        animation:gupIn 1s 0.1s both;
}
.news_container{
	padding-top: 50px;
	-webkit-animation:gdownIn 1s 0.2s both; 
	   -moz-animation:gdownIn 1s 0.2s both;
	    -ms-animation:gdownIn 1s 0.2s both;
	     -o-animation:gdownIn 1s 0.2s both; 
	        animation:gdownIn 1s 0.2s both;
}
.news_l{
	padding-right: 40px;
}
.news_list{
	margin-bottom: 30px;
}
.news_list .list_img{
	display: block;
}
.news_list .list_img,.index_news .list_img{
	overflow: hidden;
}

.list_img>img{
	width: 100%;
	-webkit-transition:All 0.2s ease-in-out;    
	   -moz-transition:All 0.2s ease-in-out; 
	    -ms-transition:All 0.2s ease-in-out;   
	     -o-transition:All 0.2s ease-in-out;
	        transition:All 0.2s ease-in-out;	
}
.news_list:hover .list_img>img,.index_news:hover .list_img>img{ 
	-webkit-transform:scale(1.2);    
	   -moz-transform:scale(1.2);     
	    -ms-transform:scale(1.2);
	     -o-transform:scale(1.2);  
	        transform:scale(1.2); 	
}
.news_nr{
	padding:40px 25px 30px;
	background-color: #fff;
}
.news_nr h4{
	line-height: 45px;
	font-size: 24px;
	color:#23b626;
}
.news_nr h3{
	line-height: 35px;
	font-size: 26px;
	color: #333;
	padding-bottom: 28px;
	background: url(../images/ddd.png) no-repeat left bottom;
}
.news_more{
	display: block;
	width: 146px;
	height: 43px;
	line-height: 43px;
	text-align: center;
	border-radius: 21.5px;
	color: #fff;
	background:#23B626;
	font-size: 18px;
	margin-top: 40px;
}
.news_more:hover{
	color: #fff;
	background: #12a715;
}
.nr_ul{
	overflow: hidden;
	border-top: 1px solid #E6E6E6;
	margin-bottom: 25px;
}
.nr_ul li{
	height: 42px;
	line-height: 42px;
	border-bottom: 1px solid #E6E6E6;
	padding:0px 20px;
}
.nr_ul li a{
	display: block;
	overflow: hidden;
	height: 42px;
	font-size: 14px;
	color:#333;
}
.nr_ul li a:hover{
	color: #23b626;
}
.news_r .list_a{
	height: 96px;
	line-height: 96px;
}
.news_r .list_a span{
	right: 26px;
}
.news_r .list_a1{
	background: url(../images/list_icon1.png) no-repeat 33px center #F7D029;
}
.news_r .list_a2{
	background: url(../images/list_icon2.png) no-repeat 32px center #23B626;
}
.news_r .list_a3{
	background: url(../images/list_icon3.png) no-repeat 30px center #1C96EB;
}
.page_box{
	border-top: 1px solid #E6E6E6;
	padding-top: 28px;
	overflow: hidden;
}
.page_box a{
	display: block;
	padding:0px 16px;
	height: 47px;
	line-height: 47px;
	float: left;
	color: #333;
	font-size: 14px;
}
.page_box a:hover{
	color: #23b626;
}
.page_box a.on{
	color: #23b626;
}
.page_box a.page_a{
	height: 45px;
	width: 45px;
	text-align: center;
	line-height: 45px;
	border: 1px solid #333;
	color:#333;
	font-size: 16px;
	padding: 0px;
}
.page_box a.page_a:hover{
	color: #23b626;
	border: 1px solid #23b626;
}
.news_title h3{
	line-height: 45px;
	font-size: 24px;
	color:#23b626;
}
.news_title h2{
	line-height: 35px;
	font-size: 26px;
	color: #333;
	padding-bottom: 28px;
	background: url(../images/ddd.png) no-repeat left bottom;
}
.news_content{
	font-size: 14px;
	padding: 35px 0px;
}
.page_row{
	border-top: 1px solid #E6E6E6;
	padding: 25px 15px 0px;
}
.page_row p{
	font-size: 14px;
	color:#333;
	line-height: 32px;
}
.page_row p a{
	color:#333;
}
.page_row p a:hover{
	color:#23b626;
}
.back_a{
	margin: 0px;
	float: right;
}

/*联系我们*/
.contact_box>h2{
	
}
.contact_nr{
	max-width:330px;
	width: 100%;
	margin: 50px auto 0px;
	font-size: 14px;
}
.contact_nr h4{
	line-height: 26px;
	font-size: 14px;
	color:#23b626;
	text-align: left;
}
.contact_nr h3{
	line-height: 30px;
	font-size: 18px;
	color:#333;
	margin-bottom: 26px;
}
.contact_wrap{
	padding-top: 100px;
}
.liuyan_box{
	margin-bottom: 100px;
}

/*人才招聘*/
.zhaopin_wrap{
	
	margin-bottom: 0px;
}
.zhaopin_box{
	margin-bottom: 110px;
}
.zhaopin_box>h2{
	
}
.zhaopin_box>h2{
	line-height: 40px;
	text-align: center;
	font-size: 26px;
	color:#333;
	margin-bottom: 15px;
}
.zp_ul{
	
}
.zp_ul li{
	background: #F0F1F3;
	margin-bottom: 2px;
}
.zpzw{
	height: 51px;
	line-height: 51px;
	padding-left: 60px;
	position: relative;
	font-size: 16px;
	color: #333;
	position: relative;
	background: url(../img/zp_icon1.png) no-repeat 17px center;
	cursor: pointer;
}
.zpzw span{
	display: block;
	background: url(../images/zp_jt1.png) no-repeat;
	width: 12px;
	height: 8px;
	position: absolute;
	right: 19px;
	top: 22px;
}
.zpzw span.zp_span{
	background: url(../images/zp_jt2.png) no-repeat;
}
.zpnr{
	padding: 10px 40px 50px 60px;
	display: none;
	background: url(../images/zp_icon2.png) no-repeat 17px 10px;
}
.gwzz{
	font-size: 14px;
	color: #999;
}
.zp_a{
	display: block;
	height: 49px;
	width: 147px;
	border-radius: 5px;
	line-height: 49px;
	text-align: center;
	background: #1FB52C;
	font-size: 22px;
	color: #fff;
	margin-top: 20px;
}
.zp_a:hover{
	color: #fff;
	background: #0ea11b;
}

/*培训发展*/
.px_title{
	padding: 10px 0px 10px;
	height: 60px;
	line-height:60px;
	text-align: center;
	font-size: 26px;
	color:#333;
	box-sizing: content-box;
	border-top: 1px solid #E8E8E8;
}
.px_img img{
	width: 100%;
	min-height: 182px;
}
.px_ms{
	padding:85px 0px;
	font-size: 14px;
}
.px_wrap .row .col-sm-6{
	padding:0px;
	font-size: 14px;
	position: relative;
}
.px_wrap .row .col-sm-6 img{
	width:100%;
	min-height: 182px;
}
.px_list{
	margin:auto;
	position: absolute;
	width: 90px;
	left:0px;
	top:50px;
	right:0px;
	bottom:0px;
}

/*弹出框*/
.black_box{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 30;
	background: url(../images/black_bg1.png);
	overflow-y: auto;
	display: none;
}
.white_box{
	background: #fff;
	border-radius: 5px;
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	right: 0px;
	margin:auto;
	width:90%;
	height: auto;
	max-width: 900px;
	padding:24px 34px;
	height: 432px;
}
.box_title{
	height: 40px;
	line-height: 40px;
	font-size: 26px;
	color:#333;
	margin-bottom: 15px;
}
.white_box .cha{
	display: block;
	cursor: pointer;
	position: absolute;
	background: url(../images/cha.png) no-repeat;
	width: 14px;
	height: 13px;
	cursor: pointer;
	right: 22px;
	top: 22px;
}
.white_box .input-group{
	width: 100%;
	font-size: 14px;
}

/*品牌企业*/
.brand_title{
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #E8E8E8;
	margin-bottom: 25px;
}
.brand_title span{
	display: block;
	float: left;
	height: 40px;
	line-height: 40px;
	border-bottom:1px solid #23B626;
	position: relative;
	bottom: -1px;
	font-size: 22px;
	color:#333;
	z-index: 10;
}

/*客户视频*/
.video_box{
	padding: 15px 20px 29px 20px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	margin-bottom: 30px;
	background-color: #fff;
}
.video_box h3{
	line-height: 35px;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	color:#333333;
}
.video_box h3 a{
	color: #333;
}
.video_nr{
	overflow: hidden;
	position: relative;
	padding-left: 220px;
	min-height: 150px;
	font-size: 14px;
}
.video_nr h4{
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	font-size: 16px;
}
.video_img{
	position: absolute;
	left: 0px;
	top:0px;
	height: 150px;
}
.video_img img{
	width: 100%;
}

/*客户反馈*/
.feedback_box{
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	margin-bottom: 30px;
	padding: 15px 20px 29px 213px;
	min-height: 186px;
	position: relative;
	overflow: hidden;
	background-color: #fff;
}
.feedback_img{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 213px;
	height: 186px;
}
.feedback_img img{
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin: auto;
}
.feedback_nr{
	
}
.feedback_nr h3{
	line-height: 30px;
	margin-bottom: 5px;
}
.feedback_nr h3 a{
	font-size: 16px;
	color: #333;
}
.feedback_nr h3 a:hover{
	color:#1fb52c;
}
.fb_ms{
	font-size: 14px;
	margin-bottom: 3px;
	max-height: 78px;
	overflow: hidden;
}
.fb_a{
	color:#333;
	font-size: 14px;
}
.fb_a:hover{
	color:#1fb52c;
}
.feedback_inside{
	background: #fff;
	margin-top: -50px;
	position: relative;
	font-size: 14px;
}
.fk_title{
	line-height: 30px;
	margin-bottom: 20px;
}
.fk_title span{
	font-size: 22px;
	color:#333;
	margin-left: 20px;
}
.fk_content{
	padding: 40px 50px;
}
.kf_ms{
	
}
.xg_box{
	color:#fff;
	padding:44px 44px 44px 193px;
	position: relative;
	background: url(../images/xg_bg.png) no-repeat 44px center #2E75BE;
	margin:15px 0px 35px;
}
.fk_list{
	margin-bottom: 35px;
}
.fk_list h3{
	line-height: 35px;
	font-size: 22px;
	font-weight: bold;
	color:#333;
}

/*产品介绍*/
.products_wrap{
	margin-top: -50px;
	position: relative;
	z-index: 10;
	background: #fff;
}
.pro_content{
	padding: 23px;	
}
.pro_title{
	height: 70px;
	line-height: 70px;
	text-align: center;
	border-bottom: 1px solid #ECECEC;
	font-size: 26px;
	color:#333;
	margin-bottom: 26px;
}
.list_ul{
	overflow: hidden;
	margin-bottom: 30px;
}
.list_ul li{
	float: left;
	margin-right: 16px;
	margin-bottom: 26px;
}
.list_ul li a{
	display: block;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background-color: #fff;
	min-width: 118px;
	padding:0px 22px;
	font-size: 14px;
	border: 1px solid #DADADA;
	border-radius: 5px;
}
.list_ul li a:hover{
	border: 1px solid #23B626;
	background-color: #23B626;
	color: #fff;
}
.list_ul li.on a{
	border: 1px solid #23B626;
	background-color: #23B626;
	color: #fff;
}
.change_list{
	display: none;
	
}
.change_title{
	height: 71px;
	line-height: 71px;
	text-align: center;
	border-top: 1px solid #ECECEC;
	border-bottom: 1px solid #ECECEC;
	font-size: 26px;
	color:#333;
}
.change_nr{
	padding: 15px;
	font-size: 14px;
}

/*手机模板*/
.phone_box{
	text-align: center;
	overflow: hidden;
	margin: 0 auto 80px;
	width: 340px;
}
.phone_l{
	display: block;
	height: 390px;
	width: 190px;
	padding: 40px 0px;
	background: url(../images/phone_bg.png) no-repeat;
	float: left;
}
.phone_content{
	position: relative;
	height: 310px;
	width: 190px;
	overflow: hidden;
}
.phone_content img{
	width: 190px;
	height: 310px;
}
.phone_black{
	background: url(../images/black_bg1.png);
	width: 190px;
	height: 310px;
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 0;
}
.phone_content h4{
	line-height: 30px;
	top:-40px;
	position: absolute;
	left: 0px;
	width: 100%;
	color:#fff;
	font-size: 14px;
	opacity: 0;
}
.phone_a{
	display: block;
	width: 107px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #F7D029;
	border-radius: 3px;
	color:#fff !important;
	font-size: 14px;
	position: absolute;
	left:41px;
	bottom:-40px;
	opacity: 0;
}
.phone_r{
	margin-left: 17px;
	display: block;
	float: left;
	color:#333;
	font-size: 14px;
	position: relative;
	top: 120px;
}
.phone_r h3{
	line-height: 30px;
}
.phone_r h4{
	line-height: 45px;
}
.black_bg{
	background: url(../images/black_bg1.png);
	display: none;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 100;
}
.phone_show{
	background: url(../images/phone_big.png) no-repeat;
	width: 349px;
	height: 569px;
	box-sizing: content-box;
	padding:73px 0px 74px;
	position: absolute;
	left: 50%;
	top:100px;
	margin-left: -174px;
	z-index: 110;
	display: none;
}

/*360推广*/
.extension_box{
	position: relative;
}
.extension_box>img{
	width: 100%;
}
.extension_title{
	width: 100%;
	position: absolute;
	left: 0px;
	top: 10%;
	text-align: center;
}
.extension_title h2{
	line-height: 50px;
	font-size: 34px;
	color:#fff;
}
.extension_title h3{
	line-height: 35px;
	font-size: 22px;
	color:#ADE6BD;
}
.extension_a{
	display: block;
	width: 185px;
	height: 49px;
	line-height: 49px;
	text-align: center;
	position: absolute;
	left: 50%;
	bottom: 10%;
	margin-left: -92.5px;
	border-radius: 5px;
	background:#f7d029;
	color:#fff;
	font-size: 22px;
}
.extension_a:hover{
	background:#f2c70d;
	color:#fff;
}
.box1{
	background:#34CC67;
}
.box2{
	background:#4497FD;
}
.box2 .extension_title h3{
	color:#B5D6FE;
}
.box3{
	background: #FE727F;
}
.box3 .extension_title h3{
	color:#FFC1C5;
	font-size: 14px;
	line-height: 22px;
}
.box3 .extension_title h2{
	line-height: 52px;
	font-size: 26px;
}

.ex_title{
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 26px;
	color: #333;
	margin-top: 130px;
}
.ex_ul{
	max-width: 414px;
	width: 100%;
	margin: 0px auto 40px;
	overflow: hidden;
}
.ex_ul li{
	float: left;
	height: 40px;
	line-height: 40px;
	margin: 0px 25px 20px;
	font-size: 22px;
	color: #999;
	cursor: pointer;
}
.ex_ul li.on {
    color: #333;
    border-bottom: 2px solid #333;
}
.case_box{
	display: none;
	margin-bottom: 70px;
}
.case_box>h5{
	text-align: center;
	font-size: 16px;
	margin-top: 30px;
}
.liuyan_wrap{
	width: 100%;
	background: #FE717E;
	padding-top: 30px;
	padding-bottom: 100px;
}
.liuyan_wrap .content_title h3{
	color:#fff;
	font-size: 30px;
}
.liuyan_wrap .content_title h4{
	color:#FFC1C5;
	font-size: 20px;
}
.liuyan_title{
	margin-bottom: 100px;
}
.liuyan_wrap .input-group span{
	color:#fff;
}
#toTop{
	position: fixed;
	right: 20px;
	top: initial;
	bottom: 20px;
	display: none;
	z-index: 100;
	height: 50px;
	font-size: 24px;
	text-align: center;
	line-height: 50px;
	width: 50px;
	color: #fff;
	background: #7fe881;
	transition: all 0s;
	-moz-transition: all 0s; 
	-webkit-transition: all 0s; 
	-o-transition: all 0s;
}
#toTop:hover{
	background: #23B626;
}

/*全屏背景显示*/
.bat_wrap{
	background-color:#F7F8FA;
	padding-bottom: 50px;
}
.culture_wrap{
	width: 100%;
	background-color:#F7F8FA;
}
.wrap_bg{
	width: 100%;
	background-color: #f7f8fa;
}
.ex_wrap{
	background-color: #f7f8fa;
}
.pb50{
	padding-bottom:50px;
}
.pt40{
	padding-top: 40px;
}
.pb40{
	padding-bottom: 40px;
}
.b_border{
	border-bottom: 1px solid #E8E8E8;
}
.pt0{
	padding-top: 0px !important;
}




@media screen and (min-width: 1199px) and (max-width: 1500px) { 
	#nav li a{
		padding:0px 10px;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) { 
	.news_r .list_a span{
		right: 17px;
	}
	.news_r .list_a1{
		background: url(../images/list_icon1.png) no-repeat 23px center #F7D029;
	}
	.news_r .list_a2{
		background: url(../images/list_icon2.png) no-repeat 22px center #23B626;
	}
	.news_r .list_a3{
		background: url(../images/list_icon3.png) no-repeat 20px center #1C96EB;
	}

}
@media screen and (min-width: 1100px) and (max-width: 1275px) { 
	#nav{
		padding-left: 120px;
	}
}
@media(max-width: 1199px){
	#nav li a{
		padding:0px 10px;
	}
	#nav{
		text-align: right;
	}
	.about_box{
		padding: 60px 0px 60px;
	}
	.office{
		padding-top: 40px;
	}
	.photo .hd a.prev{
		left:-35px;
	}
	.photo .hd a.next{
		right:-35px;
	}
	.business_ul li{
		margin:0px 15px 20px;
	}
	.px_list{
		top:0px;
	}
	.extension_title{
		top: 5%;
	}
}
@media screen and (min-width: 768px) and (max-width: 950px){
	#header .navbar{
		padding-top:0px;
	}
	.navbar .container-fluid{
		border-top:1px solid #EBEBEB;
	}
	#nav{
		text-align: center;
	}
	.logo{
		left: 50%;
		margin-left: -150px;
	}
	.header{
		border-bottom: 1px solid #EBEBEB;
	}
	.sub_nav{
		top:163px;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.list_a span{
		right: 15px;
	}
	.list_a1{
		background: url(../images/list_icon1.png) no-repeat 15px center #F7D029;
	}
	.list_a2{
		background: url(../images/list_icon2.png) no-repeat 15px center #23B626;
	}
	.list_a3{
		background: url(../images/list_icon3.png) no-repeat 15px center #1C96EB;
	}
	.video_img{
		position: relative;
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}
	.video_nr{
		padding-left: 0px;
	}
	.feedback_box{
		padding: 15px 20px 29px 20px;
	}
	.feedback_img{
		position: relative;
		width: 100%;
		height: 186px;
	}
}
@media(max-width: 991px){
	.photo .bd .ulWrap ul li{
		width: 50%;
	}
	.photo{
		padding:0px 10px;
	}
	.news_l{
		padding-right: 15px;
	}
	.news_nr h3{
		font-size: 23px;
		padding-bottom: 18px;
	}
	.news_nr h4{
		font-size: 21px;
	}
	.news_nr .news_more{
		margin-top: 20px;
	}
	.news_nr {
	    padding: 20px 15px 0px;
	}
	.extension_box{
		padding:30px 0px 30px;
	}
	.box3{
		padding:100px 0px 0px;
	}
	.page_box{
		margin-bottom: 30px;
	}
}
@media(max-width: 825px){
	.photo .hd a{
		display: none;
	}
}
@media(max-width: 767px){
	.carousel-control span{
		font-size: 30px !important;
	}
	.bat1{
		float: none;
		margin:15px auto 30px;
	}
	.bat3{
		float: none;
		margin:15px auto 30px;
	}
	.weizhi{
		right: 30px;
	}
	.partner_box span{
		display: none;
	}
	.partner_box{
		padding-left: 0px;
	}
	.partner_box .hd a.prev{
		left: 0px;
	}
	.back_a{
		margin-top: 20px;
		float: left;
	}
	.px_list{
		position: relative;
		padding:20px 0px;
		box-sizing: content-box;
	}
	.px_wrap .row .col-sm-6{
		border-bottom: 1px solid #e8e8e8;
	}
	.white_box{
		height: 600px;
	}
	.phone_box{
		margin-bottom: 40px;
		width: 190px;
	}
	.extension_title h2{
		line-height: 40px;
		font-size: 26px;
	}
	.extension_title h3{
		line-height: 30px;
		font-size: 18px;
	}
	.bottom_nr {
	    padding: 70px 0px 60px;
	}
	.liuyan_wrap {
	    padding-top: 0px;
	    padding-bottom: 50px;
	}
	.liuyan_title {
	    margin-bottom: 60px;
	}
	.ex_title{
		margin-top: 80px;
	}
}
@media(max-width: 600px){
	
	.list_box{
		width: 360px;
	}
	.contact_list{
		width: 270px;
	}
	.zhaopin_list{
		width: 180px;
	}
	.nav_a{
		margin:0px;
	}
	.xg_box{
		padding:160px 22px 22px 22px;
		background: url(../images/xg_bg.png) no-repeat center 44px #2E75BE;
	}
}
@media(max-width: 500px){
	.extension_button,.case_button{
		display: none;
	}
	.form_button{
		width: 165px;
		height: 39px;
		line-height: 39px;
	}
	.feedback_box{
		padding: 15px 20px 29px 20px;
	}
	.feedback_img{
		position: relative;
		width: 100%;
		height: 186px;
	}
	.fk_content{
		padding: 15px;
	}
	.feedback_inside{
		margin-top: 0px;
	}
	.change_nr{
		padding:15px 0px;
	}
	.list_ul li{
		margin-bottom: 10px;
		margin-right: 10px;
	}
	.extension_box{
		padding:50px 0px 40px;
	}
	.box3{
		padding:100px 0px 0px;
	}
	.extension_a{
		width: 152px;
		height: 39px;
		line-height: 39px;
		margin-left: -76px;
		border-radius: 4px;
		font-size: 18px;
	}
}
@media(max-width: 450px){
	.video_img{
		position: relative;
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}
	.video_nr{
		padding-left: 0px;
	}
	.col-xss-12 {
	    width: 100% !important;
	}
}
@media(max-width: 400px){
	
	.navbar{
		padding-top:0px;
	}
	.navbar .container-fluid{
		border-top:1px solid #EBEBEB;
	}
	#nav{
		text-align: center;
	}
	.logo{
		left: 50%;
		margin-left: -150px;
	}
	.navbar-brand{
		display: block;
	}
	.header{
		border-bottom: 1px solid #EBEBEB;
	}
	.sub_nav{
		top:163px;
	}
	.nav_a{
		padding:0px 10px;
	}
	.list_box{
		width: 320px;
	}
	.contact_list{
		width: 240px;
	}
	.zhaopin_list{
		width: 160px;
	}
	.photo .bd .ulWrap ul li{
		width: 100%;
	}
	.form_button{
		margin: 20px auto 0px;
	}
	.submit_botton{
		float: none;
	}
	.reset_botton{
		float: none;
	}
	.white_box{
		height: 680px;
		margin-top: 0px;
	}
}